<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      /*
        this指向：
          普通函数：看函数调用方式
            1. 直接调用，window，严格模式下，undefined
            2. 对象调用（隐式调用），调用的对象
            3. call/apply调用（显示调用），传入的第一个参数
            4. new调用，实例对象

          特殊函数：
            1. 箭头函数，指向外部函数的this
            2. 回调函数：
              - 原生DOM事件回调函数，绑定事件DOM事件
              - Vue生命周期函数，组件实例对象
              - 定时器回调函数，window
      */
    </script>
  </body>
</html>
